@charset "utf-8";

.yx_lt{ background: #920500; font-size:.25rem;}
::-webkit-scrollbar{
display: none;
 /* background-color:transparent; */
}
div { box-sizing:border-box;}
.topBox { background:url(../images/topBg.jpg) center top no-repeat; padding-top:4.55rem; height:12.52rem; background-size:100% auto;}
.gameBar { background:url(../images/gameBg.png) center no-repeat; width:7.18rem; height:6.87rem; background-size:100% auto; margin:0 auto; position:relative; animation:changeBg 1s linear infinite;}
.gameBar.fastAni {animation:changeBg .2s linear infinite;}
.gameBar span { display:block; position:absolute; background:url(../images/icon1.png) center no-repeat; width:2.03rem; height:1.82rem; background-size:100% auto;}
.gameBar span:nth-child(1) { top:.43rem; left:.41rem;}
.gameBar span:nth-child(2) { top:.43rem; left:2.55rem;}
.gameBar span:nth-child(3) { top:.43rem; left:4.68rem;}
.gameBar span:nth-child(4) { top:2.35rem; left:4.68rem;}
.gameBar span:nth-child(5) { top:4.28rem; left:4.68rem;}
.gameBar span:nth-child(6) { top:4.28rem; left:2.55rem;}
.gameBar span:nth-child(7) { top:4.28rem; left:.41rem;}
.gameBar span:nth-child(8) { top:2.35rem; left:.41rem;}
.gameBar span:last-child { background:url(../images/star.png) center no-repeat; width:2.03rem; height:1.81rem; background-size:100% auto; animation:scaleAni 1s infinite linear; position:absolute; left:2.55rem; top:2.35rem; background-size:100% auto;}

@keyframes scaleAni
{
from { transform:scale(1); opacity:0.8}
50% {transform:scale(1.05); opacity:1}
to {transform:scale(1); opacity:0.8}
}
.gameBar span.active { background:url(../images/icon2.png) center no-repeat; background-size:100% auto;}
.gameBar span i.thank { display:block; position:absolute; width:.7rem; height:.77rem; background-size:100% auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../images/thank.png) center no-repeat; background-size:100% auto;}
.successAlt { display:none; background:url(../images/successAlt.png) center no-repeat; width:6.23rem; height:6.54rem; position:fixed; left:50%; top:50%;
 margin-top:-3.27rem; margin-left:-3.04rem; box-sizing:border-box; padding-top:.8rem; z-index:4; background-size:100% auto;}
.successAlt h2 { font-family:'myFirstFont'; font-size:.34rem; color:#210897; line-height:.52rem; text-align:center;}
.glodBox { font-family:'myFirstFont'; background:url(../images/goldBig.png) center no-repeat; width:3.19rem; height:3.2rem; background-size:100% auto; margin:.3rem auto; box-sizing:border-box; padding-top:.8rem; font-size:1.08rem; color:#bf601e; line-height:1; text-align:center;}
.successAlt .Iknow { font-family:'myFirstFont'; display:block; width:2.14rem; height:.5rem; border-radius:.1rem; background:#ffe54a; font-size:.32rem; color:#210897; text-align:center; margin:0 auto; line-height:.5rem;}
.thankTxt { font-family:'myFirstFont'; text-align:center; display:none; color:#210897; font-size:.82rem; line-height:4.42rem; display:none;}
.giftImg { margin-top:.12rem;}
.giftImg img { width:auto; height:1.12rem; margin:0 auto;}
.giftInfor p { text-align:center; font-size:.24rem; color:#c64501; line-height:.42rem;}
/**/
.gameControl { padding-top:.3rem; background:url(../images/linebg.png) center top no-repeat; width:6.65rem; text-align:center; margin:-.2rem auto 0; background-size:100% auto;}
.gameControl a { display:inline-block; background:url(../images/btn3.png) center no-repeat; width:2.38rem; height:.73rem; background-size:100% auto; margin:0 .43rem; color:#ffffff; font-size:.3rem; line-height:.68rem;}
/*中奖弹窗*/
.getBox { position:relative; padding-top:1.18rem; background:url(../images/altBox.png) center no-repeat; width:6.58rem; height:7.64rem; background-size:100% auto;}
.getAlt { z-index:4; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);}
.getBox h2 { text-align:center; line-height:1.18rem; color:#e91111; font-size:.36rem;}
.producePic { width:1.92rem; height:1.92rem; margin:.11rem auto 0; padding-top:.32rem; border:.03rem solid #ffe4a8; border-radius:4px; background:#ffffff;}
.producePic img { height:1.25rem; width:auto; margin:0 auto;}
.getBox p { margin-top:.28rem; font-size:.3rem; color:#92401b; text-align:center; line-height:.44rem;}
.getBox span { font-size:.24rem; color:#ce7618; text-align:center; display:block; line-height:.42rem;}
.getControl a { font-size:.39rem; color:#d33201; display:inline-block; background:url(../images/btn1.png) center no-repeat; width:2.37rem; margin:0 .1rem; height:.8rem; line-height:.8rem; background-size:100% auto; text-align:center; font-weight:bold; box-shadow:0 5px .1rem rgba(180,13,0,.55); border-radius:.8rem;}
.getControl { text-align:center; position:absolute; left:0; bottom:.42rem; right:0;}
.close { display:block; background: url(../images/close.png) center no-repeat; width:.68rem; height:.68rem; background-size:100% auto; margin:.3rem auto 0;}
/*没有中奖弹窗*/
.loseAlt { z-index:4; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);}
.loseBox { position:relative; padding-top:1.18rem; background:url(../images/altBox.png) center no-repeat; width:6.58rem; height:7.64rem; background-size:100% auto;}
.loseBox h2 { line-height:1.12rem; font-size:.36rem; color:#e91111; text-align:center;}
.loseBox { text-align:center;}
.loseBox img { margin:.5rem auto 0; width:1.65rem;}
.loseBox p { color:#92401b; font-size:.28rem; line-height:.44rem; width:3.9rem; margin:0 auto;}
.controlBox { position:absolute; left:0; right:0; bottom:.3rem;}
.controlBox a { display:inline-block; background:url(../images/btn2.png) center no-repeat; width:3.4rem; height:.8rem; background-size:100% auto; text-align:center; line-height:.8rem; font-size:.39rem; color:#d33201; font-weight:bold; box-shadow:0 5px .1rem rgba(180,13,0,.55); border-radius:.8rem;}
/*没有次数*/
.noTimesAlt {position:fixed; z-index:5; display:none; left:50%; top:50%; transform:translate(-50%,-50%);}
.notimeBar { position:relative; padding-top:1.43rem; background:url(../images/altBox.png) center no-repeat; width:6.58rem; height:7.64rem; background-size:100% auto; text-align:center;}
.notimeBar h2 {line-height:.62rem; font-size:.36rem; color:#e91111; text-align:center;}
.notimeBar p { line-height:.56rem; font-size:.28rem; color:#92401b; margin-bottom:.17rem;}
.proList { background:url(../images/noticeTit.png) center top no-repeat; background-size:100% auto; margin:0 auto; width:4.62rem;}
.proList h3 { color:#ffffff; line-height:.58rem; font-size:.26rem;}
.proList ul{ padding-top:.26rem; overflow-x: auto; white-space: nowrap;}
.proList li { margin:0 .05rem; display:inline-block; text-align:center;}
.proList li img { height:1.03rem; width:auto; margin:0 auto;}
.proImg { width:1.25rem; height:1.35rem; border-radius:.1rem; background:#ffffff; padding-top:.14rem; box-sizing:border-box;}
.proList li span { color:#9f5a16; font-size:.23rem; line-height:2.5;}
/*好友助力弹窗*/
.yx_altBox { display:none; position:fixed; z-index:4; left:50%; top:50%; transform:translate(-50%,-50%);}
.friendHelp { padding-top:.09rem; background:url(../images/friendAlt.png) center no-repeat; width:6.5rem; height:8.2rem; background-size:100% auto;}
.friendHelp h2 { text-align:center; color:#ffffff; line-height:.82rem; font-size:.4rem;}
.friendHelp h3 { text-align:center; font-size:.22rem; color:#d39b64; line-height:.8rem;}
.friendHelp ul { max-height:4.5rem; margin:0 auto; width:5.5rem; overflow-y:auto;}
.friendHelp li { line-height:.5rem; margin-bottom:.18rem; float:left; width:25%; text-align:center;}
.friendHelp li img { border-radius:50%; width:.82rem; height:.82rem; border-radius:50%; margin:0 auto;}
.friendHelp li p { color:#8b4806; font-size:.22rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.friendHelp .goPlay { display:block; background:url(../images/btn2.png) center no-repeat; width:3.4rem; height:.8rem; line-height:.8rem; margin:.3rem auto 0; font-size:.39rem; color:#d33201; font-weight:bold; text-align:center; background-size:100% auto; box-shadow:0 5px .1rem rgba(180,13,0,.55); border-radius:.8rem;}
/*我的奖品弹窗*/
.myGift { position:relative; padding-top:1.95rem; background:url(../images/myGift.png) center no-repeat; width:6.59rem; height:9.71rem; background-size:100% auto; text-align:center;}
.gifPicture { margin:0 auto; border:1px solid #edc790; width:4.28rem; height:4.28rem; background:#ffffff; padding-top:.5rem; border-radius:.14rem;}
.gifPicture img { height:3.28rem; width:auto; margin:0 auto;}
.myGift h2 { color:#d33201; line-height:.72rem; font-size:.3rem;}
.myGift h2 span { color:#9e5e19;}
.myGift p { color:#af6e27; font-size:.24rem; line-height:.36rem; width:4.8rem; margin:0 auto;}
.myGift .backPlay {display:block; background:url(../images/btn2.png) center no-repeat; width:3.4rem; height:.8rem; line-height:.8rem; margin:.7rem auto 0; font-size:.39rem; color:#d33201; font-weight:bold; text-align:center; background-size:100% auto; box-shadow:0 5px .1rem rgba(180,13,0,.55); border-radius:.8rem;}
.ruleBox { width:6.52rem; box-sizing:border-box; padding:.17rem; border-radius:.2rem; overflow:hidden; background:url(../images/ruleBg.png) center no-repeat; background-size:100% 100%;}
.ruleBar {background-image: linear-gradient( to bottom ,#fff9ee, #f7cf97); padding:1.06rem .3rem .5rem; max-height:8.1rem; overflow-y:auto; border-radius:.2rem;}
.ruleTit { text-align:center; line-height:.78rem; background:url(../images/ruleTitbg.png) center no-repeat; width:3.75rem; height:.92rem; color:#ffffff; font-size:.4rem; font-weight:bold; background-size:100% auto; position:absolute; top:.09rem; left:50%; transform:translateX(-50%);}
.ruleBar p { font-size:.26rem; color:#763e0c; margin-bottom:.3rem; line-height:.4rem;}
.ruleBar p:last-child { margin-bottom:0;}
/*送金豆*/
.jdAlt { text-align:center; background:url(../images/jdAlt.png) center no-repeat; width:5.57rem; height:5.59rem; background-size:100% auto; padding-top:.45rem;}
.userIcon { width:1.16rem; height:1.16rem; border-radius:.12rem; border:.03rem solid #ffe4a8; margin:0 auto;}
.jdAlt h2 { color:#92401b; font-size:.28rem; line-height:.74rem; margin-bottom:.13rem;}
.jdAlt p { color:#d33201; font-size:.32rem; line-height:.5rem;}
.jdAlt span { color:#ce7618; font-size:.24rem; line-height:.38rem;}
.jdAlt .goPlay { display:block; background:url(../images/btn2.png) center no-repeat; width:3.4rem; height:.8rem; line-height:.8rem; margin:.3rem auto 0; font-size:.39rem; color:#d33201; font-weight:bold; text-align:center; background-size:100% auto; box-shadow:0 5px .1rem rgba(180,13,0,.55); border-radius:.8rem;}
/*幸运星*/
.luckyAlt { text-align:center; background: url(../images/altBox.png) center no-repeat; width:6.58rem; height:7.64rem; background-size:100% auto; padding-top:1.18rem;}
.luckyAlt h2 { text-align:center; color:#e91111; font-size:.36rem; line-height:1rem;}
.luckyImg img { width:1.82rem; position:relative; z-index:2; margin:0 auto;}
.luckyImg { position:relative; margin-bottom:.32rem;}
.luckyImg i { background:url(../images/light.png) center no-repeat; width:3.85rem; height:3.58rem; background-size:100% auto; position:absolute; left:50%; top:50%; margin-left:-1.925rem; margin-top:-1.925rem; animation: rotateAni 8s infinite linear;}
.luckyAlt p { color:#d33201; font-size:.32rem; line-height:.52rem;}
.luckyAlt span { color:#ce7618; line-height:.44rem; font-size:.24rem;}
.luckyAlt .goPlay { display:block; background:url(../images/btn2.png) center no-repeat; width:3.4rem; height:.8rem; line-height:.8rem; margin:1rem auto 0; font-size:.39rem; color:#d33201; font-weight:bold; text-align:center; background-size:100% auto; box-shadow:0 5px .1rem rgba(180,13,0,.55); border-radius:.8rem;}
@keyframes rotateAni
{
from { transform:rotate(0)}
to { transform:rotate(360deg)}
}
/*中奖页面*/
.winPage { background:url(../images/getBg.jpg) center top no-repeat #920500; background-size:100% auto; padding:2.25rem .2rem .25rem;}
/*.winBox {background-image: linear-gradient( to bottom ,#fffdf6, #ffe4c4); padding:.2rem .17rem; border:.05rem solid #f39800; border-radius:.35rem;}*/
.winImg { background:url(../images/winImg.png) center no-repeat; margin:0 auto; width:2.03rem; height:2.07rem; background-size:100% auto; padding-top:.3rem;}
.winImg img { width:auto; height:1.39rem; margin:0 auto;}
.winTxt { text-align:center; padding:.18rem 0 .3rem; font-size:.3rem; color:#9e5e19; line-height:.44rem;}
.winTxt span { color:#ef1a12;}
.ticketBox { background:url(../images/ticketBg.png) center no-repeat; padding-top:.1rem; width:6.15rem; height:2.71rem; text-align:center; background-size:100% auto; margin:0 auto;}
.ticketBox p { color:#9e5e19; font-size:.3rem; line-height:.92rem;}
.ticketBox span { display:block; text-align:center; width:5.2rem; height:.76rem; border:1px solid #efbc85; background:#ffe7c7; color:#9e5e19; font-size:.3rem; line-height:.72rem; border-radius:.08rem; margin:0 auto;}
.changeNotice { text-align:center; color:#9e5e19; font-size:.26rem; line-height:.44rem; width:6.5rem; margin:0 auto;}
.winBox a.changeBtn { display:block; background:url(../images/checkBtn.png) center no-repeat; width:4.71rem; height:.98rem; background-size:100% auto; line-height:.9rem; font-weight:bold; font-size:.3rem; margin:.2rem auto .25rem; text-align:center; color:#d33201;}
.changepoint { text-align:center; font-size:.26rem; color:#d39047; border-top:1px dashed #efc48f; line-height:3;}
/*首页下半部分*/
.winData { background:url(../images/bottomBg.jpg) center top no-repeat; background-size:100% auto; padding-top:.45rem; padding-bottom:.4rem;}
.dataBox {background-image: linear-gradient( to bottom ,#fffdf6, #ffe4c4); padding:0 .26rem .2rem; border:.05rem solid #f39800; border-radius:.35rem; margin:0 .2rem;}
.dataChose { background:url(../images/choseTitle.png) center no-repeat; width:3.83rem; height:.74rem; margin:0 auto; background-size:100% auto;}
.dataChose span{ float:left; width:50%; text-align:center; line-height:.7rem; display:block; color:#c98e4b; font-size:.3rem;}
.dataChose.cur { background:url(../images/chosetitCur.png) center no-repeat; background-size:100% auto;}
.dataChose span.cur { color:#ffffff;}
.yx_peopleList li { padding:.18rem 0 .15rem .1rem; border-bottom:1px solid #f8e9d2; overflow:hidden;}
.yx_peopleList li>div { float:left;}
.yx_peopleList li div.peoTime { float:right; background:url(../images/timeIcon.png) left center no-repeat; padding-left:.45rem; background-size:.27rem auto;}
.peoTime p { font-size:.26rem; color:#d5ad80; line-height:.31rem;}
.peoImg { float:left; width:.62rem; border-radius:50%; height:.62rem; overflow:hidden;}
.peoName { font-size:.3rem; color:#b1732f; line-height:.62rem; margin-left:.33rem; width:1.44rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.peoInfor { color:#e34017; font-size:.3rem; width:2rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:.62rem;}
.strategy li { overflow:hidden; padding:.2rem 0 .2rem .94rem; position:relative;}
.strategy li img { position:absolute; left:0; top:50%; transform:translateY(-50%); width:.75rem;}
.statTxt { float:left; width:3.8rem;}
.statTxt h2 { color:#8b4d24; font-size:.28rem; line-height:.42rem;}
.statTxt h2 span { color:#e0330c;}
.statTxt p { color:#bb8e6d; line-height:.36rem; font-size:.24rem; color:#bb8e6d}
.strategy a.stratTag { float:right; font-size:.28rem; color:#b46d38; padding:0 .3rem;background-image: linear-gradient( to bottom ,#ffeed5, #ffdaa2); display:block; line-height:.58rem; border-radius:.26rem 0 .26rem 0;}
.yx_yomibox { display:inline-block;}
.strategy a.stratTag.timeEnd { padding:0 .1rem;}
.strategy li .statTxt.timeTxt { width:3.65rem;}
.strategy { display:none;}
.yx_peopleList ul { max-height:7.75rem; overflow-y:auto;}
.myWinner { position:fixed; left:50%; max-width:750px; transform:translateX(-50%); bottom:-150%; width:100%; z-index:33; background:url(../images/lessonBg.png) center top no-repeat; background-size:100% auto; padding-top:1.38rem;}
.winClose { background:url(../images/close.png) center no-repeat; width:.68rem; height:.68rem; display:block; background-size:100% auto; position:absolute; left:.2rem; top:0;}
.myWinner h4 { color:#e91111; font-size:.36rem; line-height:.92rem; text-align:center; font-weight:bold;}
.winnerChose { background:url(../images/cur2.png) center no-repeat; width:5.52rem; height:.74rem; background-size:100% auto; text-align:center; margin:0 auto .17rem; text-align:center;}
.winnerChose.cur1 {background:url(../images/cur1.png) center no-repeat; background-size:100% auto;}
.winnerChose.cur3 {background:url(../images/cur3.png) center no-repeat; background-size:100% auto;}
.winnerChose span { padding:0 .22rem; color:#c98e4b; font-size:.3rem; display:inline-block; text-align:center; line-height:.7rem;}
.winnerChose span.cur { color:#ffffff;}
.winerChosen { padding:0 .55rem; height:8.73rem; overflow-y:auto;}
.redBag {background-image:linear-gradient( to right ,#ffcaa7, #ff6767); border-radius:.14rem; position:relative; overflow:hidden; border:1px solid #ffebb6; padding:.32rem 0 .32rem 1.48rem; margin-bottom:.14rem;}
.redBag:after { content:''; background: url(../images/bag.png) center no-repeat; width:.68rem; height:.78rem; background-size:100% auto; position:absolute; left:.43rem; top:50%; transform:translateY(-50%);}
.redbagTxt p { color:#ffffff; font-size:.4rem; line-height:.5rem; text-shadow:0 0 3px rgba(255,104,104,.2);}
.redbagTxt span { color:#ffede7; font-size:.26rem; line-height:.4rem;}
.redBag a.getBag { display:block; background:#f9e1bf; font-size:.28rem; width:1.6rem; line-height:.5rem; text-align:center; position:absolute; right:.24rem; top:50%; transform:translateY(-50%); color:#db1111; font-size:.28rem; border-radius:.08rem;}
.dn { display:none;}
.getDate { float:left; color:#a85912; margin-left:.66rem; max-width:2.9rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:.38rem;}
.getDate p { font-size:.28rem; line-height:1.5;}
.getDate span { text-align:center; color:#e3bb86; font-size:.24rem; line-height:1; margin-bottom:.25rem;}
.ticketInfor { background:url(../images/ticketBack.png) center no-repeat; width:6.3rem; height:1.54rem; background-size:100% auto; overflow:hidden;}
.ticketProduct { float:left; background:url(../images/proBox.png) center no-repeat; width:1.1rem; height:1.14rem; background-size:100% auto; padding:.17rem 0 0; margin-top:.23rem; margin-left:.25rem;}
.ticketProduct img { height:.72rem; width:auto; margin:0 auto;}
.ticketInfor p {}
.ticketInfor a { float:right; width:1.06rem; height:.48rem; text-align:center; line-height:.48rem; border-radius:.08rem;background-image: linear-gradient( to bottom ,#ff7637, #f99c44); color:#ffffff; margin-top:.52rem; margin-right:.27rem;}
.ticeketList { padding-bottom:.3rem;}
.ticeketList li { margin-bottom:.2rem;}
.ticeketList .continue { background: url(../images/btn2.png) center no-repeat; width:3.4rem; height:.8rem; background-size:100% auto; line-height:.8rem; font-size:.39rem; color:#d33201; display:block; text-align:center; font-weight:bold; margin:.25rem auto 0; box-shadow:0 5px .1rem rgba(180,13,0,.55); border-radius:.8rem;}
.ticeketList ul { max-height:5.6rem; overflow-y:auto;}
.ticketInfor a.nochange { opacity:0.5;}
.winerChosen .strategy { padding-bottom:.2rem;}
#screen { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:3; display:none;}
@keyframes changeBg
{
from { background:url(../images/gameBg.png) center no-repeat; background-size:100% auto;}
30% { background:url(../images/gameBg2.png) center no-repeat; background-size:100% auto;}
50% { background:url(../images/gameBg2.png) center no-repeat; background-size:100% auto;}
70% { background:url(../images/gameBg.png) center no-repeat; background-size:100% auto;}
to { background:url(../images/gameBg.png) center no-repeat; background-size:100% auto;}
}
.ruleBtn {background-image: linear-gradient( to bottom ,#ff7637, #f99c44); position:absolute; margin-top:8px; left:.2rem; font-size:.28rem; padding:0 .2rem; line-height:2; border-radius:4px; color:#ffffff; z-index:2;}

/**/
.linkBox { position:fixed; left:0; top:1rem; width:100%;}
.linkBox a { color:#ffffff; padding:0 .1rem; border-radius:3px; background-image: linear-gradient( to bottom ,#ff7637, #f99c44);float:left; display:block; margin:.1rem; font-size:.28rem;}
/*中奖兑换码弹窗*/
.winerAlt { width:100%; max-width:750px; position:fixed; left:50%; transform:translateX(-50%); bottom:-150%; background:url(../images/winBg.png) center top no-repeat; background-size:100% auto; padding:1.37rem .43rem 0 .34rem; z-index:33;}
.winBox h4 { font-size:.36rem; line-height:1rem; text-align:center; font-weight:bold; color:#e91111;}
.closeWiner { display:block; background: url(../images/close.png) center no-repeat; width:.68rem; height:.68rem; background-size:100% auto; position:absolute; top:0; left:.2rem;}